<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"/>
    <title>皇家加勒比寻宝</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<script src="js/setFont.js"></script>
<div class="page">
    <div class="loading-page-wrap pr">
        <img src="img/logo.png" alt="" class="loading-logo">
        <div class="loading-text pa">
            <span id="num"></span>%
        </div>
    </div>
</div>
</body>
<script>
    function loading(){
        let k, i = 1;
        let interval = 2000/100;
        let counter = ()=>{
            if (i <= 100) {
                document.getElementById('num').innerHTML=i.toString();
                i++;
            } else {
                window.clearInterval(k);
                setTimeout(function () {
                    window.location.href='main.html';
                },100)
            }
        };
        k = window.setInterval(counter, interval);
    }
    loading();
</script>
</html>